html, body
{
  height: 100%;
}

body {font-family: "Helvetica Neue","Helvetica","STHeiTi","Heiti SC","sans-serif",'Microsoft YaHei';}

.scr-header	{ position:absolute; top:0; left:0; z-index:10;display:flex; width:100%; height:48px; background:#FFFFFF;}
.scr-header	.itms	{position: relative; float:left; color:#000000; text-align:center; font-size:14px; line-height:48px;}
.scr-header	.itms2	{ width:50%;}
.scr-header	.itms3	{ width:33.333333%;}
.scr-header	.itms4	{ width:25%;}
.itms_on
{
  background-color: #eaeaea;
}
.scr-header:after{
  position: absolute;
  top: 48px;
  right: 0;
  width: 100%;
  height: 1px;
  border-bottom:1px solid #D9D9D9;
  color: #D9D9D9;
content: " ";
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;}
.scr-header .itms:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  border-right: 1px solid #D9D9D9;
  color: #D9D9D9;
content: " ";
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;}
.tc-top	{ position:fixed; top:44px; bottom:132px; left:0; z-index:11; display:none; width:100%;border-bottom: 1px solid #979797; background:#fff;}
.tc-top	.weui_cells	{ overflow:auto; overflow-x:hidden;   margin-top:0px !important;  width:100%; height:100%; min-height:100%;  background:#fff;}
.tc-top	.weui_cells{ -webkit-tap-highlight-color:rgba(0,0,0,0);}

.tc-top	.weui_cells::-webkit-scrollbar  
{  
    width: 0px;  
    height: 0px;  
    background-color: none;  
}  
.tc-top	.weui_cells	.weui_cell:last-child:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    color: #D9D9D9;
    content: " ";
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.tc-top	.weui_cells:after	{ border:none;}
.tc-top	.weui_cells	.weui_cell	{ padding:12px 15px 12px 13.333333vw;}
.tc-top	.weui_cells	 .weui_cell:before{ bottom:0px; left:0px;}
.tc-top	.weui_cells		p	{  color:#333333; font-size:15px;}
.tc-top	.weui_cells	.weui_btn	{ position:absolute;}
.tc-top	.btn-main	{ position:fixed; right:0; bottom:50px; left:0; z-index:15; padding:20px 0;  width:100%; height:42px; background:#fff;}
.tc-top	.weui_btn	{  float:left; display:block; margin:0 5%;  width:40%;}
.show{ display:block;}
.hide{ display:none;}


.footer{ position:fixed; bottom:0; left:0; z-index:99; width:100%; height:50px;background:#fcfcfc;}

.footer.weui_tabbar:before	{ border-top:1px solid #d6d6d6;}

.footer		.weui_tabbar_label	{ margin-top:0px !important;}
.footer		.weui_tabbar_icon	{ position:relative; top:-2px; width:25px !important; height:25px !important;}

.page	{ padding:48px 0 52px; }
.scr-page	.weui_media_hd			{ width:50px !important; height:50px  !important;}
.scr-page	.weui_media_hd		img	{ width:50px  !important; height:50px  !important; border-radius:100%; box-shadow:0px 2px 2px rgba(0,0,0,0.5);}


.scr-page	.weui_media_title			{ color:#999999; font-size:15px; line-height:16PX;}
.scr-page	.weui_media_title	.name	{ float:left;  display:block; width:100px; color:#353535 !important; font-size:15px !important;}
.scr-page	.weui_media_box:before		{ right:15px; left:15px; width:auto;}
.scr-page	.weui_media_desc			{ padding-top:5px;  color:#999999; font-size:14px;}
.scr-page	.weui_media_box 	{ padding:8px 15px !important;}
.weui_tabbar .weui_tabbar_label{
  font-size:11px;
}
.weui_tabbar .weui_tabbar_icon img
{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
}
.weui_tabbar_icon img
{
  display:none;
}
.weui_tabbar_item  .market, .weui_tabbar_item  .work, .weui_tabbar_item  .self, .weui_tabbar_item  .lib
{
  display:block;
}
.weui_bar_item_on  .market_on, .weui_bar_item_on  .work_on, .weui_bar_item_on  .self_on, .weui_bar_item_on  .lib_on
{
  display:block;
}
.weui_bar_item  .market_on, .weui_bar_item_on  .market
, .weui_bar_item  .work_on, .weui_bar_item_on  .work
, .weui_bar_item  .self_on, .weui_bar_item_on  .self
, .weui_bar_item  .lib_on, .weui_bar_item_on  .lib
{
  display:none;
}
.arrow-down
{
  display: inline-block;
  width:0; 
  height:0;
  border-top:6px solid #ffffff;
  border-right:6px solid transparent;
  border-left:6px solid transparent;
}
.count{
  position: absolute;
  top: -1px;
  left:calc(33.333333vw / 2 + 27px);
  left:-moz-calc(33.333333vw / 2 + 27px);
  left:-webkit-calc(33.333333vw / 2 + 27px);
  margin-top: 7px;
  width: 20px;
  height: 20px;
  background: url("../images/self/u1588.png");
  background-size:100% 100%;
  color:#FFFFFF;
  text-align: center;
  font-size:12px;
  line-height:21px;
}
.weui_dialog_ft::after {
  border-top: 0px;
}
.weui_dialog_confirm .weui_dialog_ft a::after {
  border-left: 0px;
}
.weui_tabbar_icon + .weui_tabbar_label{
    margin-top: 3px;
}
.weui_cell{
  color:#333333;
  font-size:15px;
}
.weui_cell .weui_cell_ft{
  font-size:13px;
}
.weui_cell .weui_label{
  font-size:15px;
}
.weui_btn{
  font-size:17px;
}
.weui_form {
    position: relative;
    overflow: hidden;
    margin-top: 1.17647em;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.41176;
  }
  .weui_form_item {
	padding: 10px 15px 5px;
  }
  .weui_form_label {
  }
  .weui_form_inputBox {
	display: flex;
	margin-top: 5px;
	margin-bottom: 5px;
  }
  .weui_form_input:last-child{
	margin-right: 0px;
  }
  .weui_form_input{
    box-sizing: border-box;
	margin-right: 25px;
	height:38px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	box-shadow: none;
    text-align: left;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
	line-height:38px;
  }
  select {
    padding-right: 15px;
    border: solid 1px #000;
    appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.dw, 
.dwo {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.dwwr,
.dwwb,
.dwwo {
    -webkit-backface-visibility: hidden;
}
.dw {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    max-width: 98%;
    text-shadow: none;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    user-select: none;
    touch-action: none;
}
.dw:focus {
    outline: none;
}
.dw-rtl {
    direction: rtl;
}
.dw,
.dwbc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dwwr {
    overflow: hidden;
    min-width: 170px;
    text-align: center;
    font-family: arial, verdana, sans-serif;
    zoom: 1;
}
.dw-persp, .dwo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.dw-persp {
    z-index: 99998;
}
.dwo {
    z-index: 1;
    background: #000;
    background: rgba(0,0,0,.7);
    filter: Alpha(Opacity=70);
}
.dw-liq .dw {
    max-width: 100%;
}
.dw-top .dw, 
.dw-bottom .dw {
    width: 100%;
    max-width: 100%;
}
.dw-inline .dw {
    position: static;
    display: inline-block;
    max-width: 100%;
}
.dw-inline.dw-liq .dw-persp .dw {
    display: block;
}
.dw-inline .dw-persp {
    position: static;
}
.dw-bubble .dw {
    margin: 20px 0;
}
.dw-bubble .dw-arrw {
    position: absolute;
    left: 0;
    width: 100%;
}
.dw-bubble-top .dw-arrw {
    bottom: -36px;
}
.dw-bubble-bottom .dw-arrw {
    top: -36px;
}
.dw-bubble .dw-arrw-i {
    position: relative;
    margin: 0 30px;
    height: 36px;
}
.dw-bubble .dw-arr {
    display: block;
}
.dw-arr {
    position: absolute;
    left: 0;
    display: none;
    margin-left: -18px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 18px;
}
.dw-bubble-bottom .dw-arr {
    top: 0;
}
.dw-bubble-top .dw-arr {
    bottom: 0;
}
.dw-hidden, 
.dw .dwwr .dw-hidden {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    border: 0;
}
.dwb {
    display: block;
    overflow: hidden;
    vertical-align: top;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dwb-e {
    cursor: pointer;
}
.dwb-d {
    cursor: default;
}
.dwbc {
    display: table;
    width: 100%;
    text-align: center;
}
.dwbw  {
    position: relative;
    z-index: 5;
    display: table-cell;
    vertical-align: top;
}
.mbsc-mobiscroll .dwwr {
    padding: .5em 0;
    min-width: 220px;
    background: #f7f7f7;
    color: #454545;
    font-size: 16px;
}
.mbsc-mobiscroll .dwv {
    color: #4eccc4;
    text-transform: uppercase;
    font-size: .75em;
    line-height: 2em;
}
.mbsc-mobiscroll .dwbc {
    display: block;
    overflow: hidden;
    padding: 0 .5em;
    text-align: right;
}
.mbsc-mobiscroll .dwbw {
    float: right;
    display: block;
    width: 50%;
}
.mbsc-mobiscroll .dwbw.dwb-s{text-align: left;}
.mbsc-mobiscroll .dwb {
    padding: 0 2em;
    height: 2.5em;
    color: #007aff;
    text-transform: uppercase;
    line-height: 2.5em;
}
.mbsc-mobiscroll .dw-bubble-bottom .dw-arr {
    border-color: transparent transparent #f7f7f7 transparent;
}
.mbsc-mobiscroll .dw-bubble-top .dw-arr {
    border-color: #f7f7f7 transparent transparent transparent;
}
.dwcc{display: -webkit-box;}
.dwc {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    vertical-align: middle;
    -webkit-box-flex: 1;
}
.dwl {
    position: absolute;
    top: -45px;
    left: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    white-space: nowrap;
    line-height: 34px;
}
.dwwc {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    zoom: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.dwfl {
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
}
.dwwl {
    position: relative;
    z-index: 5;
}
.dwww {
    position: relative;
    padding: 1px;
}
.dww {
    position: relative;
    overflow: hidden;
}
.dw-bf {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    backface-visibility: hidden;
    perspective: 1000px;
}
.dw-ul {
    position: relative;
    z-index: 3;
}
.dw-li {
    position: relative;
    padding: 0 5px;
    vertical-align: bottom;
    text-align: center;
    white-space: nowrap;
    opacity: .3;
    filter: Alpha(Opacity=30);
}
.dw-li.dw-v {
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.dw-li.dw-h {
    visibility: hidden;
}
.dw-i {
    position: relative;
    overflow: hidden;
    height: 100%;
    text-overflow: ellipsis;
}
.dwwb {
    position: absolute;
    left: 0;
    z-index: 4;
    width: 100%;
    text-align: center;
    text-decoration: none;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
.dwa .dwwb {
    opacity: 0;
}
.dwpm .dwwbp {
    top: 0;
}
.dwpm .dwwbm {
    bottom: 0;
}
.dwpm .dwwol {
    display: none;
}
.dwwo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background:url(../imgs/mask_bg.png) 0 0 repeat-x;
    background-size: auto 200px;
    pointer-events: none;
}
.dwwol {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 100%;
    pointer-events: none;
}
.dw-liq .dwc {
    display: block;
}
.dw-liq .dw-tbl {
    width: 100%;
    table-layout: fixed;
}
.dw-hsel {
    position: absolute;
    left: 0;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
}
.dw-ml .dw-li {
    overflow: hidden;
}
.dw-ml .dw-li .dw-i {
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: middle;
    white-space: normal;
}
.dwwms .dw-li {
    padding: 0 40px;
}
.dw-msel:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    text-align: center;
}
.mbsc-mobiscroll .dwc {
    padding: 2em 0 0;
}
.mbsc-mobiscroll .dwl {
    border-bottom: .0625em solid #b9bcc3;
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
}
.mbsc-mobiscroll .dwhl { overflow: visible;
    padding: 40px 0 4px;
}
.mbsc-mobiscroll .dwfl {
    padding: .5em 0;
}
.mbsc-mobiscroll .dwwol {
    border-top: .0625em solid #b9bcc3;
    border-bottom: .0625em solid #b9bcc3;
}
.mbsc-mobiscroll .dwpm .dwwol {
    display: block;
}
.mbsc-mobiscroll .dwwb {
    background: #f7f7f7;
    color: #4eccc4;
}
.mbsc-mobiscroll .dwwbp {
    top: auto;
    bottom: 0;
}
.mbsc-mobiscroll .dwwbm {
    top: 0;
    bottom: auto;
}
.mbsc-mobiscroll .dwwb span {
    display: none;
}
.mbsc-mobiscroll .dwwb:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 24px;
}
.mbsc-mobiscroll .dwwb.dwb-a:before {
    background: rgba(78,204,196,.3);
}
.mbsc-mobiscroll .dw-msel:before {
    color: #4eccc4;
    font-size: 40px;
}
.mbsc-mobiscroll .dwwms .dwwol {
    display: none;
}
.dw-trans .dw-persp {
    overflow: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
}
.dw-trans .dw {
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-duration: 350ms;
    -moz-animation-fill-mode: forwards;
    -moz-animation-duration: 350ms;
    animation-fill-mode: forwards;
    animation-duration: 350ms;
}
.dw-in .dw {
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.dw-out .dw {
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
.dw-flip,
.dw-swing,
.dw-slidehorizontal,
.dw-slidevertical,
.dw-slidedown,
.dw-slideup,
.dw-fade {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.dw-swing,
.dw-slidehorizontal,
.dw-slidevertical,
.dw-slidedown,
.dw-slideup,
.dw-fade {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
}
.dw-flip,
.dw-pop {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.dw-in .dw-pop {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-animation-name: dw-p-in;
    -moz-animation-name: dw-p-in;
    animation-name: dw-p-in;
}
.dw-out .dw-pop {
    opacity: 0;
    -webkit-animation-name: dw-p-out;
    -moz-animation-name: dw-p-out;
    animation-name: dw-p-out;
}
.dw-in .dw-flip {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-animation-name: dw-fl-in;
    -moz-animation-name: dw-fl-in;
    animation-name: dw-fl-in;
}
.dw-out .dw-flip {
    opacity: 0;
    animation-name: dw-fl-out;
    -webkit-animation-name: dw-fl-out;
    -moz-animation-name: dw-fl-out;
}
.dw-in .dw-swing {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-animation-name: dw-sw-in;
    -moz-animation-name: dw-sw-in;
    animation-name: dw-sw-in;
}
.dw-out .dw-swing {
    opacity: 0;
    -webkit-animation-name: dw-sw-out;
    -moz-animation-name: dw-sw-out;
    animation-name: dw-sw-out;
}
.dw-in .dw-slidehorizontal {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-animation-name: dw-sh-in;
    -moz-animation-name: dw-sh-in;
    animation-name: dw-sh-in;
}
.dw-out .dw-slidehorizontal {
    opacity: 0;
    -webkit-animation-name: dw-sh-out;
    -moz-animation-name: dw-sh-out;
    animation-name: dw-sh-out;
}
.dw-in .dw-slidevertical {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-animation-name: dw-dw-sv-in;
    -moz-animation-name: dw-dw-sv-in;
    animation-name: dw-dw-sv-in;
}
.dw-out .dw-slidevertical {
    opacity: 0;
    -webkit-animation-name: dw-sv-out;
    -moz-animation-name: dw-sv-out;
    animation-name: dw-sv-out;
}
.dw-in .dw-slidedown {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-animation-name: dw-sd-in;
    -moz-animation-name: dw-sd-in;
    animation-name: dw-sd-in;
}
.dw-out .dw-slidedown {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    animation-name: dw-sd-out;
    -webkit-animation-name: dw-sd-out;
    -moz-animation-name: dw-sd-out;
}
.dw-in .dw-slideup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-animation-name: dw-su-in;
    -moz-animation-name: dw-su-in;
    animation-name: dw-su-in;
}
.dw-out .dw-slideup {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    animation-name: dw-su-out;
    -webkit-animation-name: dw-su-out;
    -moz-animation-name: dw-su-out;
}
.dw-in .dw-fade {
    opacity: 1;
    -webkit-animation-name: dw-f-in;
    -moz-animation-name: dw-f-in;
    animation-name: dw-f-in;
}
.dw-out .dw-fade {
    opacity: 0;
    -webkit-animation-name: dw-f-out;
    -moz-animation-name: dw-f-out;
    animation-name: dw-f-out;
}
@keyframes dw-f-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes dw-f-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes dw-f-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes dw-f-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes dw-f-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-moz-keyframes dw-f-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes dw-p-in {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes dw-p-in {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes dw-p-in {
    from {
        opacity: 0;
        -moz-transform: scale(0.8);
    }
    to {
        opacity: 1;
        -moz-transform: scale(1);
    }
}
@keyframes dw-p-out {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.8);
    }
}
@-webkit-keyframes dw-p-out {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }
}
@-moz-keyframes dw-p-out {
    from {
        opacity: 1;
        -moz-transform: scale(1);
    }
    to {
        opacity: 0;
        -moz-transform: scale(0.8);
    }
}
@keyframes dw-fl-in {
    from {
        opacity: 0;
        transform: rotateY(90deg);
    }
    to {
        opacity: 1;
        transform: rotateY(0);
    }
}
@-webkit-keyframes dw-fl-in {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
    }
    to {
        opacity: 1;
        -webkit-transform: rotateY(0);
    }
}
@-moz-keyframes dw-fl-in {
    from {
        opacity: 0;
        -moz-transform: rotateY(90deg);
    }
    to {
        opacity: 1;
        -moz-transform: rotateY(0);
    }
}
@keyframes dw-fl-out {
    from {
        opacity: 1;
        transform: rotateY(0deg);
    }
    to {
        opacity: 0;
        transform: rotateY(-90deg);
    }
}
@-webkit-keyframes dw-fl-out {
    from {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
    }
}
@-moz-keyframes dw-fl-out {
    from {
        opacity: 1;
        -moz-transform: rotateY(0deg);
    }
    to {
        opacity: 0;
        -moz-transform: rotateY(-90deg);
    }
}
@keyframes dw-sw-in {
    from {
        opacity: 0;
        transform: rotateY(-90deg);
    }
    to {
        opacity: 1;
        transform: rotateY(0deg);
    }
}
@-webkit-keyframes dw-sw-in {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
    }
    to {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }
}
@-moz-keyframes dw-sw-in {
    from {
        opacity: 0;
        -moz-transform: rotateY(-90deg);
    }
    to {
        opacity: 1;
        -moz-transform: rotateY(0deg);
    }
}
@keyframes dw-sw-out {
    from {
        opacity: 1;
        transform: rotateY(0deg);
    }
    to {
        opacity: 0;
        transform: rotateY(-90deg);
    }
}
@-webkit-keyframes dw-sw-out {
    from {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
    }
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
    }
}
@-moz-keyframes dw-sw-out {
    from {
        opacity: 1;
        -moz-transform: rotateY(0deg);
    }
    to {
        opacity: 0;
        -moz-transform: rotateY(-90deg);
    }
}
@keyframes dw-sh-in {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@-webkit-keyframes dw-sh-in {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes dw-sh-in {
    from {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    to {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@keyframes dw-sh-out {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(100%);
    }
}
@-webkit-keyframes dw-sh-out {
    from {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
}
@-moz-keyframes dw-sh-out {
    from {
        opacity: 1;
        -moz-transform: translateX(0);
    }
    to {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
}
@keyframes dw-dw-sv-in {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes dw-dw-sv-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes dw-dw-sv-in {
    from {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@keyframes dw-sv-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(100%);
    }
}
@-webkit-keyframes dw-sv-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
}
@-moz-keyframes dw-sv-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    to {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
}
@keyframes dw-sd-in {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
@-webkit-keyframes dw-sd-in {
    from {
        opacity: 1;
        -webkit-transform: translateY(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes dw-sd-in {
    from {
        -moz-transform: translateY(-100%);
    }
    to {
        -moz-transform: translateY(0);
    }
}
@keyframes dw-sd-out {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100%);
    }
}
@-webkit-keyframes dw-sd-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(-100%);
    }
}
@-moz-keyframes dw-sd-out {
    from {
        -moz-transform: translateY(0);
    }
    to {
        -moz-transform: translateY(-100%);
    }
}
/* Slide Up In */
@keyframes dw-su-in {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}
@-webkit-keyframes dw-su-in {
    from {
        opacity: 1;
        -webkit-transform: translateY(100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes dw-su-in {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0);
    }
}
/* Slide up out */
@keyframes dw-su-out {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(100%);
    }
}
@-webkit-keyframes dw-su-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(100%);
    }
}
@-moz-keyframes dw-su-out {
    from {
        -moz-transform: translateY(0);
    }
    to {
        -moz-transform: translateY(100%);
    }
}
.mbsc-mobiscroll .dw-sel{color: #000;}
.input_text{
	width: 30px;
	height: 24px;
	background-color: transparent;
	background-image: url(../images/u2118.png);
    background-size: 30px 24px;
	background-repeat: no-repeat;}

.talk{
	position: relative;
	margin:0 auto;
	width: 100%;
	height: 100%;
}
.talk_record{
    overflow: auto;
	box-sizing: border-box;
	margin: 0px;
	width: 100%;
	height:100%;
    background-color: rgba(235, 235, 235, 1);
    background-image: inherit;
    background-position: inherit;
    background-size: inherit;
    background-repeat: inherit;
	background-attachment: inherit;
    background-clip: inherit;
    background-origin: inherit;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #434343;
    border-bottom-width: 45px;
}
.talk_word {
    position: absolute;
	bottom: 0;
    z-index: 500;
    display: flex;
	padding-top: 15px;
	width: 100%;
	height: 30px;
	background:#ffffff;
}
.talk_word_div {
    display: flex;
	padding: 0px 15px;
	width:100%;
}
.talk_word_div   .inputbox{
    padding-right: 14px;
	width:100%;
	border-top: medium none;
	border-right: medium none;
	border-bottom:solid #EBEBEB 2px;
	border-left: medium none;
    appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.talk_word_div   .inputdiv{
	width:calc(100% - 60px);
	width:-moz-calc(100% - 60px);
	width:-webkit-calc(100% - 60px);
}
.messages {
	overflow: hidden;
	height: 24px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
	color: #666;
	text-indent:5px;
	font-size: 14px;
	line-height: 24px;
}
.messages:hover{background-color: #fff;}
.talk_send{
	width: 30px;
	height: 30px;
	background-color: transparent;
	background-image: url(../images/u2135.png);
    background-size: 30px 30px;
	background-repeat: no-repeat;
}
.talk_record ul{ padding-left:5px;}
.talk_record li {
	line-height: 25px;
}
.talk_word .controlbtn a{
	margin: 12px;
}
.talk .talk_word .order {
	float:left;
	display: block;
	width: 16px;
	height: 14px;	  
	background-image: url(../images/loop.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.talk .talk_word .loop {
	float:left;
	display: block;
	width: 16px;
	height: 14px;
	background-image: url(../images/loop.png);
	background-position: -30px 0px;
	background-repeat: no-repeat;
}
.talk .talk_word .single {
	float:left;
	display: block;
	width: 16px;
	height: 14px;
	background-image: url(../images/loop.png);
	background-position: -60px 0px;
	background-repeat: no-repeat;
}
.talk .talk_word .order:hover,.talk .talk_word .active{
	background-position: 0px -20px;
	text-decoration: none;
}
.talk .talk_word .loop:hover{
	background-position: -30px -20px;
	text-decoration: none;
}
.talk .talk_word .single:hover{
	background-position: -60px -20px;
	text-decoration: none;
}
.jspContainer{position:relative;overflow:hidden;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:8px;height:100%;background-color:transparent;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:8px;background-color:transparent;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{
	position:relative;
	background-color:transparent;
}
.jspDrag{position:relative;top:0;left:0;border:1px solid #333;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#ccc;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{display:block;background:#50506d;text-indent:-20000px;cursor:pointer;}
.jspArrow.jspDisabled{background:#80808d;cursor:default;}
.jspVerticalBar .jspArrow{height:8px;}
.jspHorizontalBar .jspArrow{float:left;width:8px;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{float:left;height:100%;background:#eeeef4;}
* html .jspCorner{margin:0 -3px 0 0;}
.jp-container{
position:relative;float:left;padding-top: 10px;
width:100%;height:100%;background-color: transparent;}
.jp-container .talk_recordboxme{
	display:flex;	
	padding: 10px;
	color: #afafaf;
}
.jp-container .talk_recordbox{
	display:flex;
	padding: 10px;
	color: #afafaf;
}
.jp-container .talk_recordbox:first-child{border-top:none;}
.jp-container .talk_recordbox:last-child{border-bottom:none;}

.jp-container .talk_recordboxme .talk_recordtext{
	float: right;
	margin-left: 25%;
	padding: 10px 8px;
	max-width:100%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
    background-color: rgba(160, 231, 90, 1);
    background-image: inherit;
    background-position: inherit;
    background-size: inherit;
    background-repeat: inherit;
	background-attachment: inherit;
    background-clip: inherit;
    background-origin: inherit;
	color:#1e1e1e;
	font-size:14px;
}
.jp-container .talk_recordbox .talk_recordtext{
	float:left;
	margin-right: 25%;
	padding: 10px 8px;
	max-width:100%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:#ffffff;
    background-image: inherit;
    background-position: inherit;
    background-size: inherit;
    background-repeat: inherit;
	background-attachment: inherit;
    background-clip: inherit;
    background-origin: inherit;
	color:#1e1e1e;
	font-size:14px;
}
.jp-container .talk_recordbox h3{
	padding:2px 0 5px 0;
	text-transform:uppercase;
	font-weight: 100;
	font-size:14px;
	
}
.jp-container .talk_recordbox .user {
	float:left;
	display:inline;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}
.jp-container .talk_recordboxme .talk_recordtext_div{
	float:right;
	width:100%;
	height:auto;
}
.jp-container .talk_recordbox .talk_recordtext_div{
	float:left;
	width:100%;
	height:auto;
}
.jp-container .talk_recordboxme h3{
	padding:2px 0 5px 0;
	color:#333333;
	text-transform:uppercase;
	font-weight: 100;
	font-size:14px;
	
}
.jp-container .talk_recordboxme .user{
	float:right;
	display:inline;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 5px;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}
.jp-container  .user img{
	max-width: 40px;
	max-height: 40px;
	border-radius:100%;
}
.jp-container  .timeDiv{
  height: 20px;
}
.jp-container  .time{
  position:absolute;
  left:50%;
  margin-left:-60px;
  width:120px;
  height: 20px;
  border: medium none;
  border-radius: 0;
  background-color: rgba(212, 212, 212, 1);
  background-image: inherit;
  background-position: inherit;
  background-size: inherit;
  background-repeat: inherit;
  background-attachment: inherit;
  background-clip: inherit;
  background-origin: inherit;
  box-shadow: none;
  color:#ffffff;
  text-align: center;
  font-size: 10px;
  line-height:20px;
}